/**
 * 目标3：用户登录-长度判断案例
 *  3.1 准备用户登录页面
 *  3.2 编写核心 JS 逻辑代码
 *  3.3 打包并手动复制网页到 dist 下，引入打包后的 js，运行
 */
// 3.2 编写核心 JS 逻辑代码
import { checkPhone, checkCode } from '../utils/check.js'
// document.querySelector('.btn').addEventListener('click', () => {
//     const phone = document.querySelector('.login-form [name=mobile]').value
//     const code = document.querySelector('.login-form [name=code]').value
  
//     if (!checkPhone(phone)) {
//       console.log('手机号长度必须是11位')
//       return
//     }
  
//     if (!checkCode(code)) {
//       console.log('验证码长度必须是6位')
//       return
//     }
  
//     console.log('提交到服务器登录...')
//   })
  //第三方的css代码
import 'bootstrap/dist/css/bootstrap.min.css'
//自己的css代码
import './index.css'
import './index.less'

//注意：js中引入本地图片资源要用import 方式 如果是网络图片http地址，字符串可以直接写
import imgObj from './assets/logo.png'
const theImg = document.createElement('img')
theImg.src = imgObj
document.querySelector('.login-wrap').appendChild(theImg)

import MyAxios from '../utils/request.js'
import { myAlert } from '../utils/alert.js'
document.querySelector('.btn').addEventListener('click', () => {
    const phone = document.querySelector('.login-form [name=mobile]').value
    const code = document.querySelector('.login-form [name=code]').value
  
    if (!checkPhone(phone)) {
      myAlert(false, '手机号长度必须是11位')
      console.log('手机号长度必须是11位')
      return
    }
  
    if (!checkCode(code)) {
        myAlert(false, '验证码长度必须是6位')
      console.log('验证码长度必须是6位')
      return
    }
  
    //console.log('提交到服务器登录...')
    MyAxios({
        url:'/v1_0/authorizations',
        method:'POST',
        data: {
            mobile: phone,
            code: code
          }
    }).then((res)=>{
        console.log(res,'111')
        myAlert(true, '登录成功')
    localStorage.setItem('token', res.data.token)
    location.href = '../content/index.html'
    }).catch((error)=>{
        myAlert(false, error.response.data.message)
    })
  })
  console.log('哈哈哈哈哈')

  if(process.env.NODE_ENV === 'production'){
    console.log=function(){}
  }
  console.log("开发模式下好用，生产模式下失效")

  console.warn('123')

  import youAxios from '@/utils/request.js'
  console.log(youAxios,'youAxios')